<script type="text/x-template" id="cc-virtual-panel">
    <div class="">
        <el-container>
            <el-header height="auto"
            >
                <!-- 顶部导航栏 -->
                <el-menu
                        :default-active="activeIndex2"
                        class="el-menu-demo"
                        mode="horizontal"
                        @select="handleSelect"
                        background-color="#545c64"
                        text-color="#fff"
                        active-text-color="#ffd04b">
                    <el-menu-item index="1"><a href="/codeGen/ftl" target="_blank">代码生成</a></el-menu-item>
                    <el-submenu index="2">
                        <template slot="title">我的工作台</template>
                        <el-menu-item index="2-1">选项1</el-menu-item>
                        <el-menu-item index="2-2">选项2</el-menu-item>
                        <el-menu-item index="2-3">选项3</el-menu-item>
                        <el-submenu index="2-4">
                            <template slot="title">选项4</template>
                            <el-menu-item index="2-4-1">选项1</el-menu-item>
                            <el-menu-item index="2-4-2">选项2</el-menu-item>
                            <el-menu-item index="2-4-3">选项3</el-menu-item>
                        </el-submenu>
                    </el-submenu>
                    <el-menu-item index="4"><a href="/test/ftl" target="_blank">JMX测试用例管理</a></el-menu-item>
                </el-menu>
            </el-header>
            <el-main class="avue-main">
                <!-- 主体视图层 -->
                <transition name="fade-transverse">
                    <keep-alive>
                        <router-view class="avue-view"
                                     v-if="$route.meta.keepAlive"/>
                    </keep-alive>
                </transition>
                <transition name="fade-transverse">
                    <router-view class="avue-view"
                                 v-if="!$route.meta.keepAlive"/>
                </transition>
            </el-main>
        </el-container>
    </div>
</script>

<script>
    Vue.component('cc-virtual-panel', {
        template: '#cc-virtual-panel',
        data() {
            return {}
        },
        computed: {},
        methods: {},
        created() {

        }
    })
</script>
<style>
    .index-main {
        position: relative;
        padding: 0;
    }

    .index-view {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
    }
</style>